{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import split with context %}

{% extends "firefox/whatsnew/base.html" %}

{% block page_css %}
  {{ css_bundle('protocol-split') }}
  {{ css_bundle('firefox_whatsnew_131_eu') }}
{% endblock %}

{% if nimbus_variant == 'v4' %}
  {% if LANG == 'de' %}
    {% set main_title = 'Firefox blockt Tracker automatisch' %}
    {% set main_tagline = 'Firefox schützt dich während du browst. Weißt du, wie viele Tracker er allein letzte Woche für dich geblockt hat?' %}
    {% set main_cta = 'Zu meiner Schutzmaßnahmen-Übersicht' %}
  {% elif LANG == 'fr' %}
    {% set main_title = 'Firefox bloque les traqueurs par défaut' %}
    {% set main_tagline = 'Firefox vous protège en arrière-plan pendant que vous naviguez. Savez-vous combien de traqueurs ont été bloqués rien que la semaine dernière ?' %}
    {% set main_cta = 'Voir mon tableau de bord des protections' %}
  {% else %}
    {% set main_title = 'Firefox blocks trackers by default' %}
    {% set main_tagline = 'Firefox protects you in the background while you browse. Do you know how many trackers were blocked just last week?' %}
    {% set main_cta = 'See my protections dashboard' %}
  {% endif %}
{% else %}
  {% if LANG == 'de' %}
    {% set main_title = 'Cookies bleiben da, wo sie hingehören' %}
    {% set main_tagline = 'Wusstest du, dass Cookies dir von Seite zu Seite folgen? Unser vollständiger Cookie-Schutz hält sie davon ab, damit das, was du auf einer Website machst, auf dieser Website bleibt.' %}
    {% set main_cta = 'Mehr erfahren' %}
  {% elif LANG == 'fr' %}
    {% set main_title = 'Gardez les cookies à leur place' %}
    {% set main_tagline = 'Saviez-vous que les cookies vous suivaient de site en site ? Notre protection totale contre les cookies les contient, pour que ce que vous fassiez sur un site web reste sur ce site web.' %}
    {% set main_cta = 'En savoir plus' %}
  {% else %}
    {% set main_title = 'Keep cookies in their place' %}
    {% set main_tagline = 'Did you know cookies follow you from site to site? Our total cookie protection contains them, so what you do on one website stays on that website.' %}
    {% set main_cta = 'Learn more' %}
  {% endif %}
{% endif %}

{% block wnp_content %}
<section class="wnp-content-main">
  {% call split(
    block_class='mzp-l-split-center-on-sm-md',
    image=resp_img(
      url='img/firefox/whatsnew/whatsnew131-eu/main-image-500.png',
      srcset={
        'img/firefox/whatsnew/whatsnew131-eu/main-image-500.png': '500w',
        'img/firefox/whatsnew/whatsnew131-eu/main-image-700.png': '700w',
        'img/firefox/whatsnew/whatsnew131-eu/main-image-900.png': '900w',
        'img/firefox/whatsnew/whatsnew131-eu/main-image-1100.png': '1100w',
      },
      sizes={
        '(min-width: 1400px)': '550px',
        '(min-width: 768px)': '50vw',
        'default': '100vw'
      },
      optional_attributes={
        'height': '500',
        'width': '550',
        'class': 'c-banner-media mzp-c-split-media-asset'
      }
    ),
    media_after=False
  ) %}

    <h2 class="wnp-main-title">{{ main_title }}</h2>
    <p class="wnp-main-tagline">{{ main_tagline }}</p>

    {% if nimbus_variant == 'v4' %}
      <a id="protections-dashboard" class="c-banner-button mzp-c-button mzp-t-product mzp-t-xl" href="https://support.mozilla.org/kb/enhanced-tracking-protection-firefox-desktop?{{ utm_params }}" data-cta-text="See my protections dashboard">
        {{ main_cta }}
      </a>
    {% else %}
      <a class="c-banner-button mzp-c-button mzp-t-product mzp-t-xl" href="https://support.mozilla.org/kb/introducing-total-cookie-protection-standard-mode?{{ utm_params }}" data-cta-text="Learn more">
        {{ main_cta }}
      </a>
    {% endif %}
  {% endcall %}
</section>

<section class="wnp-footer">
  <p class="wnp-sign-off">{{ ftl('whatsnew-signoff') }}</p>
  {% include "firefox/whatsnew/includes/mofo-donate-cta.html" %}
</section>
{% endblock %}

{% block js %}
  {% if nimbus_variant == 'v4' %}
    {{ js_bundle('firefox_whatsnew_131_protections_dashboard') }}
  {% endif %}
  {{ js_bundle('firefox_whatsnew_131') }}
{% endblock %}
